
/* --color 相当于全局定义的一个css变量
 var(--color) 用于引用
 在页面样式的引用中，你将会看到 */
 

 :root {

    --color-primary: rgba(30, 117, 255, 1);
    --color-error: rgba(252, 90, 90, 1);
    --base-sidebar-width: 284px;
  
    --primary-color: var(--color-primary); /* 主题色 */
    --body-bg-color: rgba(22, 23, 26, 1); /* 背景色 */
    --card-bg-color: rgba(42, 43, 51, 1); /* 卡片内容景色 */
    --default-text-color: #fff; /* 默认字体色 */
    --grey-text-color: rgba(250, 250, 251, 1); /* 灰暗字体色 */

    --grey-border-color: #ebeef5;
    --grey-border-color-2: #999;
    --grey-bg-color: #F5F6FA; /* 灰色背景色 */
    --table-th-bg-color: #FCFDFD; /* 表格头部背景色 */
    --table-body-bg-color: #fff; /* 表格主体内容背景色 */
    --table-search-border-color: #D5D5D5;
    --list-hover-color:#AC3334; /* sidebar选择hover颜色 */
    
    
    --btn-bg-color-success: rgba(0, 182, 155, 0.2);
    --btn-bg-color-error: rgba(239, 56, 38, 0.2);
    --btn-bg-color-default: rgba(255, 255, 255, 1);
    --btn-bg-color-warning: rgba(255, 167, 86, 0.2);

    --btn-text-color-success: rgba(0, 182, 155, 1);
    --btn-text-color-error: rgba(239, 56, 38, 1);
    --btn-text-color-default: rgba(55, 57, 58, 1);
    --btn-text-color-warning: rgba(255, 167, 86, 1);
  }

[data-theme="dark"] {
    --color-primary: rgba(30, 117, 255, 1);
    --color-error: rgba(252, 90, 90, 1);
    --base-sidebar-width: 284px;

    --primary-color: var(--color-primary); /* 主题色 */
    --body-bg-color: rgba(22, 23, 26, 1); /* 背景色 */
    --card-bg-color: rgba(42, 43, 51, 1); /* 卡片内容景色 */
    --default-text-color: #fff; /* 默认字体色 */
    --grey-text-color: rgba(250, 250, 251, 1); /* 灰暗字体色 */

    --grey-border-color: #ebeef5;
    --grey-border-color-2: #999;
    --grey-bg-color: #F5F6FA; /* 灰色背景色 */
    --table-th-bg-color: #FCFDFD; /* 表格头部背景色 */
    --table-body-bg-color: #fff; /* 表格主体内容背景色 */
    --table-search-border-color: #D5D5D5;
    --list-hover-color:#AC3334; /* sidebar选择hover颜色 */
    


    --btn-bg-color-success: rgba(0, 182, 155, 0.2);
    --btn-bg-color-error: rgba(239, 56, 38, 0.2);
    --btn-bg-color-default: rgba(255, 255, 255, 1);
    --btn-bg-color-warning: rgba(255, 167, 86, 0.2);

    --btn-text-color-success: rgba(0, 182, 155, 1);
    --btn-text-color-error: rgba(239, 56, 38, 1);
    --btn-text-color-default: rgba(55, 57, 58, 1);
    --btn-text-color-warning: rgba(255, 167, 86, 1);
} 
